<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>腾讯道聚城</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/djc.css">
    <link rel="stylesheet" href="css/newcss.css">
    <link rel="stylesheet" href="font/iconfont.css">
  <style>
        .lc{width: 100px;position: fixed;top:200px;right:0;}
        .lc span{display:block;height: 30px;line-height: 30px;background: #ccc;text-align: center;}
        .lc span:hover{background: #99f;color: #fff;}
        .lc span:active{background: #55f;color: #fff;}
        .bannerbzlb{height:330px;overflow: hidden;}
       
       .imgbox{width: 770px;height: 330px;}
       .imgbox p{width: 770px;font-size: 12px; height: 40px;position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.6);line-height: 40px;padding-left: 10px;color: #fff;}
        .imgbox a{display: block;position: absolute;left:770px;top:0;}
        .imgbox a img{width: 770px;height: 330px;}
       /* .btns{width: 500px;height: 500px;} */
        .btns input{width:40px;height: 40px;border: none;background: rgba(200,200,200,0.5);position: absolute;top:110px;}
        .btns input:hover{background: rgba(150,150,255,0.5);color: #fff}
        .btns input:active{background: rgba(80,80,255,0.8);color: #fff}
        .left{left:0}
        .right{right:0}

        .list{position: absolute;bottom: 5px;right: 20px;height: 30px;display: flex;justify-content: center;align-items: center}
        .list span{width: 12px;height: 12px;background: rgba(255,255,255,0.8);margin-left: 6px; text-align: center;cursor: pointer;}
        .list span:hover{background: rgba(150,150,255,0.5);color: #fff}
        .list span:active{background: rgba(80,80,255,0.8);color: #fff}
        .list span.active{background: rgba(80,80,255,0.8);color: #fff}

  </style>
  <script src="./jquery.js"></script>
  <script>
  $(".lc").children("span").click(
      function(){
          $("html").animate({
              scrollTop:$(".floor").eq($(this).index()).offset().top
          })
      }


  )
  </script>
</head>
<body>
    <!-- icon图标使用方法cb
     <h1 class="iconfont">&#xe602;</h1> -->

      <div class="lc">
        <span>返回顶部</span>
        <span>热买推荐</span>
        <span>猜你喜欢</span>
        <span>精彩活动</span>
        <span>游戏专区</span>
        <span>网站信息</span>
      </div>


     <div class="headd floor" >
         <div class="banzhong">
             <div class="headdl">
                 <a href="" class="iconfont sj"   style=" width: 108px;height: 29.6px;font-size: 12px;margin-top: 2px; ">&#xe694;手机版</a>
                 <i>丨</i>
                 <a href="" class="sj"  style="width: 108px;height: 29.6px;font-size: 12px;">Q币充值</a>
             </div>
             <div class="headdr">
                 <div class="opop">
                <div href="" class="headdr1" id="headdr1" style="width: 108px;height: 29.6px;font-size: 12px; line-height: 29.6px;display: block;" ><span>你还未登录请</span>  <a href="denglu.html" style="color: #666;">登录</a> </div>
                <div href="" class="headdr1" id="headdr2" style="width: 108px;height: 29.6px;font-size: 12px; line-height: 29.6px;display: none;" ><span style="float: left; display: block;height: 29px; width: 70px;white-space:nowrap;overflow: hidden;text-overflow : ellipsis;">欢迎1768232483</span><em class="tcgn" style="color: #666;float: left;margin-left: 10px;">退出</em> </div>
             <i>丨</i>
                <a href="" class="sj" style="width: 108px;height: 29.6px;font-size: 12px;">我的订单</a>
                <i>丨</i>
                <a href="grzx.html" target="blank" class="iconfont sj"  style="width: 108px;height: 29.6px;font-size: 12px;" >个人中心</a>
                <i>丨</i>
                <a href="" class="sj" style="width: 108px;height: 29.6px;font-size: 12px;">帮助中心</a>
                <i >丨</i>
                <a href="" class="sj" style="width: 108px;height: 29.6px;font-size: 12px;">游戏导航</a>
                 </div>
               
             </div>
         </div>
     </div>

     <div class="head ">
         <div class="headbz">
             <img src="images/hlogo_03.png" alt="" class="headpl">
             <div class="ssbj">
                 <div class="ssk">
                     <div class="sskl">
                         <div class="sskxl">选择游戏</div>
                         <div class="sskbj">
                       
                         <input type="text" placeholder="请选择游戏搜索道具" class="ss">
                         </div> 
                         
                      </div>
                      <div class="ssan iconfont">&#xe605;</div>
                 </div>
             
             </div>
             <img src="images/hr.png" alt="" class="headpr">
         </div>

     </div>

      <div class="nav ">
              <div class="navbz">
                  <div class="navl iconfont">&#xe623;
                    所有游戏分类</div>
                  <a href="" style="background-Color:#f74a4a; border-Bottom:5px solid #ce3535" >首页</a>
                
                     <a href="" class="hdzx" style="width: 126px;">活动中心
                      <span class="hdzxlb">
                      <span>闪购专区</span>
                      <span>淘宝贝</span>
                     </span>

                     </a>
                    
                
                  <a href="./shangpinye.html">商品列表</a>
                  <a href="">手游中心</a>

                  <a href="">聚豆商城</a>

                  <a href="grzx.html" target="blank">个人中心</a>
                  <div class="navr">
                     <a href="gouwuche.html"><div class="iconfont  kkk"> <span> &#xeab2;购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0</div></a> 
                  </div>


              </div>
      </div>
        <img src="" alt="">
      <div class="banner">
          <div class="bannerbz">

                   <div class="bzlb1 bnm">
                       <ul>
                           <li>英雄联盟</li>
                           <li>穿越火线</li>
                           <li>DNF</li>
                           <li>玉龙在天</li>
                           <li>天龙八部</li>
                           <li>问道</li>
                           <li>血战上海滩</li>
                           <li>天涯明月刀</li>
                       </ul>
                       <ul style="border-right: none;">
                        <li>战神</li>
                        <li>搜神迹</li>
                        <li>魔兽世界</li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                   </div>
                   <div class="bzlb2 bnm">
                    <ul>
                        <li>上古世纪</li>
                        <li>冒险岛2</li>
                        <li>天天飞车</li>
                        <li>玉龙在天</li>
                        <li>天龙八部</li>
                        <li>问道</li>
                        <li>血战上海滩</li>
                        <li>天涯明月刀</li>
                       
                    </ul>
                    <ul style="border-right: none;">
                     <li>无敌</li>
                     <li>搜神迹</li>
                     <li>魔兽世界3</li>
                     <li>天涯明月刀</li>
                     <li>天涯明月刀</li>
                     <li>天涯明月刀</li>
                     <li></li>
                     <li></li>
                 </ul>
                   </div>
                   <div class="bzlb3 bnm">
                    <ul>
                        <li>呜呼呜呼</li>
                        <li>穿越火线</li>
                        <li>飞龙在天</li>
                        <li>玉龙在天</li>
                        <li>天龙八部</li>
                        <li>问道</li>
                        <li>BBB</li>
                        <li>天涯明月刀</li>
                    </ul>
                    <ul style="border-right: none;">
                     <li>战神</li>
                     <li>搜神迹</li>
                     <li></li>
                     <li></li>
                     <li></li>
                     <li></li>
                     <li></li>
                     <li></li>
                 </ul>
                   </div>
                   <div class="bzlb4 bnm">
                    <ul>
                        <li>英雄联盟</li>
                        <li>穿越火线</li>
                        <li>DNF</li>
                        <li>玉龙在天</li>
                        <li>天龙八部</li>
                        <li>问道</li>
                        <li>血战上海滩</li>
                        <li>天涯明月刀</li>
                    </ul>
                    <ul style="border-right: none;">
                     <li>战神</li>
                     <li>搜神迹</li>
                     <li>魔兽世界</li>
                     <li>天龙八部</li>
                     <li>天龙八部</li>
                     <li>问道</li>
                     <li></li>
                     <li></li>
                 </ul>
                   </div>
                   <div class="bzlb5 bnm">
                    <ul>
                        <li>英雄联盟</li>
                        <li>穿越火线</li>
                        <li>DNF</li>
                        <li>玉龙在天</li>
                        <li>天龙八部</li>
                        <li>问道</li>
                        <li>血战上海滩</li>
                        <li>天涯明月刀</li>
                    </ul>
                    <ul>
                        <li>英雄联盟</li>
                        <li>穿越火线</li>
                        <li>DNF</li>
                        <li>玉龙在天</li>
                        <li>天龙八部</li>
                        <li>问道</li>
                        <li>血战上海滩</li>
                        <li>天涯明月刀</li>
                    </ul>
                    <ul style="border-right: none;">
                     <li>战神</li>
                     <li>搜神迹</li>
                     <li>魔兽世界</li>
                     <li></li>
                     <li></li>
                     <li></li>
                     <li></li>
                     <li></li>
                 </ul>
                   </div>


              <div class="bannerbzl">
                  <ul>
                      <li class="s1 iconfont"><span>    &#xe627;  </span>热门游戏
                    </li>
                      <li class="s2 iconfont"><span>&#xe602;</span>角色扮演</li>
                      <li class="s3 iconfont"><span>&#xe6c5;</span>竞技游戏</li>
                      <li class="s4 iconfont"><span>&#xe605;</span>休闲游戏</li>
                      <li class="s5 iconfont"><span>&#xe617;</span>网页游戏</li>
                  </ul>
              </div>
              <div class="bannerbzlb">
                  <!-- <img src="images/ali.jpg" alt=""> -->
                <!-- <div class="bannerbzlb1x">
                  <span>阿狸邀请你约会</span>
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                   </div> -->
               </div>
              <div class="bannerbzr">
                 <div class="brt"><img src="images/qq.gif" alt=""><span>您还未登录哦，<a href="">立即登录</a> 购买超值商品！</span> </div>
               
               
               
                 <div class="brc"><h2 class="tjyx">推荐游戏</h2>
                    <div class="dhz">

                    
                   <a href=""> <div class="xhz"> <img src="images/cf.jpg" alt=""><a href="" style="color:#3a3f4a  "> <h3>穿越火线</h3></a></div></a> 
                  <a href=""> <div class="xhz"><img src="images/lol.jpg" alt="">  <a href="" style="color:#3a3f4a  "><h3>英雄联盟</h3></a></div></a>      
                  <a href="">  <div class="xhz"><img src="images/bns.jpg" alt="">   <a href="" style="color:#3a3f4a  "> <h3>剑灵</h3></a></div></a>
                    </div>                 
                </div>

                <div class="brb"><h2 class="gg"><span class="ggl">公告</span> <span class="ggr">更多</span></h2>
                      <ul>
                         <a href=""><li> <p>【道聚大事】第三弹！66道具节玩法攻略！</p><i>06/03</i></li></a> 
                         <a href=""> <li> <p>《使命召唤Online》停运公告</p><i>05/31</i></li></a>
                         <a href=""> <li> <p>CF枪王打靶活动上线</p><i>04/01</i></li></a>
                         <a href=""> <li> <p>CODOL智能风暴&太空宝箱重磅上线</p><i>03/2</i></li></a>
                      </ul>        
                </div>



                 
              </div>
          </div>
      </div>
       


       <div class="rmtj floor">
           <div class="rmtjl">
             
               <span class="iconfont rmtjsp1" style="font-size: 18px;">&#xe649;&nbsp; 热卖推荐</span>
                 <!-- <p class="rmtjp1"></p> -->
                 <div class="rmtjpf">
                     <div>
                       <h3>
                           <a href="xiangqingye1.html" target="blank"><img src="images/seti.jpg" alt=""></a>
                           <span class="rmsp">
                               <a href="xiangqingye1.html"  target="blank"><h5 class="rm51"><span>[英雄联盟]</span>泳池派对 瑟提</h5></a>
                               <h5 class="rm52">QB价：<span> 99.00 QB</span></h5>
                               <h5 class="rm53">热卖推荐</h5>
                               <a href="xiangqingye1.html" target="blank"> <h5 class="rm54">立即抢购</h5></a> 
                           </span>
                       </h3>
                     </div>
                     <div>
                        <h3>
                            <img src="images/bulong.jpg" alt="">
                            <span class="rmsp">
                                <h5 class="rm51"><span>[英雄联盟]</span>泳池派对 布隆</h5>
                                <h5 class="rm52">QB价：<span> 99.00 QB</span></h5>
                                <h5 class="rm53">热卖推荐</h5>
                                <a href=""> <h5 class="rm54">立即抢购</h5></a>
                            </span>
                        </h3>
                     </div>
                     <div>
                        <h3>
                            <img src="images/bulongyc.jpg" alt="">
                            <span class="rmsp">
                                <h5 class="rm51" style="margin-bottom: 0px;"><span>[英雄联盟]</span>泳池派对 布隆 炫彩礼包</h5>
                                <h5 class="rm52">QB价：<span> 99.00 QB</span></h5>
                                <h5 class="rm53">热卖推荐</h5>
                               <a href=""> <h5 class="rm54">立即抢购</h5></a>
                            </span>
                        </h3>
                     </div>
                     <div>
                        <h3>
                            <img src="images/stxc.jpg" alt="">
                            <span class="rmsp">
                                <h5 class="rm51" style="margin-bottom: 0px;"><span>[英雄联盟]</span>泳池派对 瑟提 炫彩礼包</h5>
                                <h5 class="rm52">QB价：<span> 99.00 QB</span></h5>
                                <h5 class="rm53">热卖推荐</h5>
                                <a href=""> <h5 class="rm54">立即抢购</h5></a>
                            </span>
                        </h3>
                     </div>
                     <div>
                        <h3>
                            <img src="images/wls.jpg" alt="">
                            <span class="rmsp">
                                <h5 class="rm51"><span>[英雄联盟]</span>原计划 天眼 维鲁斯</h5>
                                <h5 class="rm52">QB价：<span> 99.00 QB</span></h5>
                                <h5 class="rm53">热卖推荐</h5>
                                <a href=""> <h5 class="rm54">立即抢购</h5></a>
                            </span>
                        </h3>
                     </div>
                     <div>
                        <h3>
                            <img src="images/sls.jpg" alt="">
                            <span class="rmsp">
                                <h5 class="rm51" ><span>[英雄联盟]</span>原计划 逆流 塞拉斯</h5>
                                <h5 class="rm52">QB价：<span> 99.00 QB</span></h5>
                                <h5 class="rm53">热卖推荐</h5>
                                <a href=""> <h5 class="rm54">立即抢购</h5></a>
                            </span>
                        </h3>
                     </div>

                 </div>
           </div>

           <div class="rmtjr" >
            <span class="iconfont rmtjsp1 uuuuuu" style="font-size: 18px;">&#xe6ae;&nbsp; 每日惊喜</span>
               <div class="rmtjrb" style="background-color: #fff;">
                   <h3 style="background-color: rgb(0, 183, 255);">独家记忆</h3>
                   <img src="images/tymyd.jpg" alt="">
                   <h5 class="rm51" style="margin-left: 20px;"><span>[天涯明月刀]</span> 金色砭石兑换券*50</h5>
                   
                   <h5 class="rm52" style="margin-left: 20px; color: red;margin-top: 10px;">QB价<span style="font-weight: 900;">： 99.00 QB</span></h5>
                   <h5 style="margin-top: 10px;margin-left: 20px;"><em>1</em>天<em>15</em>时<em>3</em>分<em>06</em>秒</h5>
                   <a href=""> <h5 class="rm54 hhhhh">查看详情</h5></a>
               </div>
           </div>

       </div>

 





       <div class="rmtj floor" style="margin-top: 20px;">
        <div class="rmtjl" style="position: relative;">
          
            <span class="iconfont rmtjsp1" style="font-size: 18px;">&#xe649;&nbsp; 猜你喜欢&nbsp;&nbsp;&nbsp;<i style="color: #aaa;">丨</i>&nbsp;&nbsp;&nbsp; <a href="" style="color: #1994eb;"><span style="font-size: 12px;">换一换</span></a></span>
              <!-- <p class="rmtjp1"></p> -->
              <div class="rmtjpf" style="height: 250px; position: absolute; top: 34px;">
                  <div class="xxh">
                    <img src="images/bobi.jpg" alt="">
                    <h2 style="font-weight: 900;">[英雄联盟]</h2>
                    <h2>诺克萨斯 波比</h2>
                    <h2 style="color: red;">商城价：<span style="font-weight: 900;">10.00 QB</span> </h2>
                  </div>
                  <div class="xxh">
                    <img src="images/taitan.jpg" alt="">
                    <h2 style="font-weight: 900;">[英雄联盟]</h2>
                    <h2>光明骑士 诺提勒斯</h2>
                    <h2 style="color: red;">商城价：<span style="font-weight: 900;">49.00 QB</span> </h2>
                  </div>
                  <div class="xxh">
                    <img src="images/ruiwen.jpg" alt="">
                    <h2 style="font-weight: 900;">[英雄联盟]</h2>
                    <h2>光明使者 瑞文</h2>
                    <h2 style="color: red;">商城价：<span style="font-weight: 900;">99.00 QB</span> </h2>
                  </div>
                  <div class="xxh">
                    <img src="images/mengduo.jpg" alt="">
                    <h2 style="font-weight: 900;">[英雄联盟]</h2>
                    <h2>律政大亨 蒙多</h2>
                    <h2 style="color: red;">商城价：<span style="font-weight: 900;">89.00 QB</span> </h2>  
                      
                  </div>
                  <div class="xxh">
                    <img src="images/efls.jpg" alt="">
                    <h2 style="font-weight: 900;">[英雄联盟]</h2>
                    <h2>厄斐琉斯 黑夜使者</h2>
                    <h2 style="color: red;">商城价：<span style="font-weight: 900;">79.00 QB</span> </h2>
                  </div>
                  
              </div>
        </div>

        <div class="rmtjr " style="position: relative;" >
         <span class="iconfont rmtjsp1 uuuuuu" style="font-size: 18px;">&#xe6ae;&nbsp; 每日签到</span>
            <div class="rmtjrb uiui" style="background-color: #fff; height: 216px;position: absolute;top:34px;">
               <div class="iconfont qd">&#xe622;我要签到</div>
               <h2 style="margin-top: 7px;">今日签到可获得5个聚豆</h2>
               <h2>下载手机道聚城最高可获得50个聚豆</h2>
            </div>
        </div>

    </div>


    <div class="jchd floor">
        <div class="jctjs iconfont" style="font-size: 18px; color: #3a3f4a;">
            &#xe602; 精彩活动
             <a href="" style="color: #1994eb;"><span style="display: block;float: right;font-size: 12px;">更多></span></a>
        </div>
      <div class="jctjtp">
         <img src="images/dnf.jpg" alt="">
         <img src="images/dnf2.jpg" alt="">
         <img src="images/dnf3.jpg" alt="">
         <img src="images/dnf4.jpg" alt="">
         <img src="images/dnf5.jpg" alt="">
         <img src="images/dnf6.jpg" alt="">


      </div>
    </div>
     
    <div class="lolzq"  style="margin-bottom: 20px;">
        <div class="yxlmzq" >
            <span class="zql iconfont fl" id="p">&#xe605; 英雄联盟专区</span>
           <a href=""> <span class="zqr fr" id="pp">  更多> </span></a>
        </div>
        <div style="background-color: #fff; height: 304px;">
          <img src="images/index_lol.jpg" alt="" style="display: block;float: left;">
          <div style="width: 764px;height: 304px;float: left;">
          <div>
              <div class="lolzs">
                  <div style="border-left: none;">
                    <h3>
                        <span style="font-size: 18px;line-height: 20px;font-weight: 800;">日蚀骑士 蕾欧娜</span>
                        <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                        <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                        <img src="images/lon1.jpg" alt="">
                    </h3>
                </div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800;">月蚀骑士 蕾欧娜</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/lon2.jpg" alt="">
                </h3></div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800;">泳池派对 瑟提</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/lon3.jpg" alt="">
                </h3></div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800; width: 148px;" >泳池派对 瑟提</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/lon4.jpg" alt="">
                </h3></div>

              </div>
              <div class="lolzx">
                  <div style="border-left: none;position: relative;">
                   <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                       <img src="images/bl1.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                       <span style="display: block;width: 100px;height: 20px;float: right;">泳池派对 布隆</span>
                       <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                       <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                   </h5>
                </div>

                <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/bl2.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">泳池派对 布隆</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                 <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/bl3.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">龙的传人 李青</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                 <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/bl4.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">莲花之令 卡尔玛</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="background-color:rgba(red, green, blue, 0) ; color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                
                 
              </div>
          </div>

           
        </div>
         <div class="lolzr" style="border-left: solid 1px #f3f4f6 ;">
                 <div>
                     <h2>
                         <div style="width: 20px;text-align: center; background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">排行01</div>
                         <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                         <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                         <img src="images/eve.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 60px;height: 50px;">
                     </h2>
                 </div> 
                 <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">02</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/jax1.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">03</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/jax2.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">04</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/jax3.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">05</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/jax4.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
            </div>  
            <div></div> 
             
           
    </div>
    </div>
    <div class="lolzq floor"  style="margin-bottom: 20px;">
        <div class="yxlmzq" >
            <span class="zql iconfont fl" id="p">&#xe605; 穿越火线专区</span>
           <a href=""> <span class="zqr fr" id="pp">  更多> </span></a>
        </div>
        <div style="background-color: #fff; height: 304px;">
          <img src="images/cf1.jpg" alt="" style="display: block;float: left;">
          <div style="width: 764px;height: 304px;float: left;">
          <div>
              <div class="lolzs">
                  <div style="border-left: none;">
                    <h3>
                        <span style="font-size: 18px;line-height: 20px;font-weight: 800;">修改昵称</span>
                        <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                        <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                        <img src="images/cf2.jpg" alt="">
                    </h3>
                </div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800;">清除战绩胜负纪录</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/cf3.jpg" alt="">
                </h3></div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800;">清除杀敌/死亡记录</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/cf4.jpg" alt="">
                </h3></div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800; width: 148px;" >清除中途退场记录</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/cf5.jpg" alt="">
                </h3></div>

              </div>
              <div class="lolzx">
                  <div style="border-left: none;position: relative;">
                   <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                       <img src="images/cf6.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                       <span style="display: block;width: 100px;height: 20px;float: right;">手雷包（30天）</span>
                       <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                       <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                   </h5>
                </div>

                <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/cf7.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">C4工具钳（30</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                 <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/cf8.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">沙鹰-天神（永</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                 <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/cf9.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">赛事专用包</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                
                 
              </div>
          </div>

           
        </div>
         <div class="lolzr" style="border-left: solid 1px #f3f4f6 ;">
                 <div>
                     <h2>
                         <div style="width: 20px;text-align: center; background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">排行01</div>
                         <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">修改昵称</span>
                         <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                         <img src="images/cf10.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 60px;height: 50px;">
                     </h2>
                 </div> 
                 <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">DSR-1（30天）</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/cf11.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">清除中途退场</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/cf12.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">春节宝箱</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/cf13.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">清除战绩胜负</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/cf14.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
            </div>    
           
    </div>
    </div>

    <div class="lolzq"  style="margin-bottom: 20px;">
        <div class="yxlmzq" >
            <span class="zql iconfont fl" id="p">&#xe605; 剑灵专区</span>
           <a href=""> <span class="zqr fr" id="pp">  更多> </span></a>
        </div>
        <div style="background-color: #fff; height: 304px;">
          <img src="images/jl1.jpg" alt="" style="display: block;float: left;">
          <div style="width: 764px;height: 304px;float: left;">
          <div>
              <div class="lolzs">
                  <div style="border-left: none;">
                    <h3>
                        <span style="font-size: 18px;line-height: 20px;font-weight: 800;">天乾宝玉神物</span>
                        <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                        <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                        <img src="images/jl2.jpg" alt="">
                    </h3>
                </div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800;">天乾守护神物</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/jl3.jpg" alt="">
                </h3></div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800;">门派名变更使用劵</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/jl4.jpg" alt="">
                </h3></div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800; width: 148px;" >暗夜之枪</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/jl5.jpg" alt="">
                </h3></div>

              </div>
              <div class="lolzx">
                  <div style="border-left: none;position: relative;">
                   <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                       <img src="images/jl6.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                       <span style="display: block;width: 100px;height: 20px;float: right;">聚麟阁璀璨钥匙</span>
                       <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                       <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                   </h5>
                </div>

                <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/jl7.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">鹤立鸡群礼物箱</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                 <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/jl8.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">黑夜猫</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                 <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/jl9.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">泰云武魂神物</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                
                 
              </div>
          </div>

           
        </div>
         <div class="lolzr" style="border-left: solid 1px #f3f4f6 ;">
                 <div>
                     <h2>
                         <div style="width: 20px;text-align: center; background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">排行01</div>
                         <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">孤独的武僧图纸</span>
                         <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                         <img src="images/jl10.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 60px;height: 50px;">
                     </h2>
                 </div> 
                 <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">狮子头帽子图纸</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/jl12.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">恋慕之情</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/jl13.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">胡须眼睛图纸</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/jl14.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">雪野套装</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/jl15.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
            </div>    
           
    </div>
    </div>

    <div class="lolzq"  style="margin-bottom: 20px;">
        <div class="yxlmzq" >
            <span class="zql iconfont fl" id="p">&#xe605; 英雄联盟专区</span>
           <a href=""> <span class="zqr fr" id="pp">  更多> </span></a>
        </div>
        <div style="background-color: #fff; height: 304px;">
          <img src="images/index_lol.jpg" alt="" style="display: block;float: left;">
          <div style="width: 764px;height: 304px;float: left;">
          <div>
              <div class="lolzs">
                  <div style="border-left: none;">
                    <h3>
                        <span style="font-size: 18px;line-height: 20px;font-weight: 800;">日蚀骑士 蕾欧娜</span>
                        <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                        <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                        <img src="images/lon1.jpg" alt="">
                    </h3>
                </div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800;">月蚀骑士 蕾欧娜</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/lon2.jpg" alt="">
                </h3></div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800;">泳池派对 瑟提</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/lon3.jpg" alt="">
                </h3></div>
                  <div> <h3>
                    <span style="font-size: 18px;line-height: 20px;font-weight: 800; width: 148px;" >泳池派对 瑟提</span>
                    <span style="color: #f74a4a;font-size: 12px; line-height: 20px;display: block;">微信价：<span style="font-weight: 900;"> 96.03元 </span> </span>
                    <span style="font-size: 12px;line-height: 10px;margin-top: 0;">Q币价：99.00元</span>
                    <img src="images/lon4.jpg" alt="">
                </h3></div>

              </div>
              <div class="lolzx">
                  <div style="border-left: none;position: relative;">
                   <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                       <img src="images/bl1.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                       <span style="display: block;width: 100px;height: 20px;float: right;">泳池派对 布隆</span>
                       <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                       <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                   </h5>
                </div>

                <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/bl2.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">泳池派对 布隆</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                 <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/bl3.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">龙的传人 李青</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                 <div style="border-left: none;position: relative;">
                    <h5 style="width: 170px;height: 60px;position: absolute;right: 0px;top: 20px;">
                        <img src="images/bl4.jpg" alt="" style="position: absolute;left: 0;top: 0;width: 60px;height: 50px;display: block;">
                        <span style="display: block;width: 100px;height: 20px;float: right;">莲花之令 卡尔玛</span>
                        <span style="display: block;width: 100px;height: 20px;float: right;font-size:12px;color: red;">微信价<span style="font-weight: 900;">202.44元</span> </span>
                        <span style="color: #3a3f4a;font-size: 12px;display: block;width: 100px;height: 20px;float: right;">   Q币价：205QB</span>
                    </h5>
                 </div>
                
                 
              </div>
          </div>

           
        </div>
         <div class="lolzr" style="border-left: solid 1px #f3f4f6 ;">
                 <div>
                     <h2>
                         <div style="width: 20px;text-align: center; background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">排行01</div>
                         <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                         <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                         <img src="images/eve.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 60px;height: 50px;">
                     </h2>
                 </div> 
                 <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/eve.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/eve.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;background-color: red;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/eve.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
                <div style="height: 54px;border-top: 1px solid #f3f4f6;"><h2 style="height: 43px;position: absolute;left: 0;top: 5px;">
                    <div style="width: 20px;text-align: center;font-size: 12px;color: seashell;position: absolute;top: 0;left: 0;">01</div>
                    <span style="display: block;color: #3a3f4a;font-size: 12PX;width: 88px;margin-left: 30px;">假面女皇 伊芙琳</span>
                    <span style="color:#f74a4a;font-size:12px;height:20px;display:block;width:88px;margin-left:30px; ">23.00 QB</span>
                    <img src="images/eve.jpg" alt="" style="position: absolute;top: 0;right: 0;width: 40px;height: 34px;">
                </h2></div> 
            </div>    
           
    </div>
    </div>
       

    <div style="width: 1190px;height: 146px;margin: 0 auto;">
     <img src="images/lb1.jpg" alt="" style="margin-right:8px ">
     <img src="images/lb2.jpg" alt="" style="margin-right:8px ">
     <img src="images/lb3.jpg" alt="">
    </div>
    
    <div class="floor" style="height: 331px;background-color: #3b3f4a; margin-top: 40px;padding-top: 25px;">
          <div style="width: 1250px;height: 150px;margin: 0 auto;margin-top: 25px;">
            <div style="width: 227px;height: 150px;border-right: 1px solid #444853;float: left;">
                <h5 style="width: 227px;margin-left: 55px;font-size: 15px;height: 30px;color: #acb1bb;"> <span class="iconfont" style=" width: 227px; font-size: 20px;text-align: center;">&#xe6c5;</span> 我是新手</h5>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">什么是道聚城</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何购买</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何赠送</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何获取聚豆</h4>
            </div>
            <div style="width: 227px;height: 150px;border-right: 1px solid #444853;float: left;">
                <h5 style="width: 227px;margin-left: 55px;font-size: 15px;height: 30px;color: #acb1bb;"> <span class="iconfont" style=" width: 227px; font-size: 20px;text-align: center;">&#xe6c5;</span> 个人中心</h5>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">发货时间</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何领取</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">补发规则</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">vip定价</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">道具状态定义</h4>
            </div>
            <div style="width: 227px;height: 150px;border-right: 1px solid #444853;float: left;">
                <h5 style="width: 227px;margin-left: 55px;font-size: 15px;height: 30px;color: #acb1bb;"> <span class="iconfont" style=" width: 227px; font-size: 20px;text-align: center;">&#xe6c5;</span> 支付方式</h5>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">支付方式</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">购物点支付</h4>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何充值</h4>
         
            </div>
            <div style="width: 227px;height: 150px;border-right: 1px solid #444853;float: left;">
                <h5 style="width: 227px;margin-left: 55px;font-size: 15px;height: 30px;color: #acb1bb;"> <span class="iconfont" style=" width: 227px; font-size: 20px;text-align: center;">&#xe6c5;</span> 腾讯在线服务</h5>
            <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">腾讯官方在线客服</h4>
            <img src="images/gongshang.png" alt="" style="width: 119px;height: 49px;display: block;margin: 10px auto;">
            </div>
             <div style="float: left;">
                 <div style="width: 240px;height: 135px;margin: 0 auto;">
                      <div style="width: 100px; height: 135px;float: left; ">
                        <img src="images/iii1.png" alt="" style="width: 100px;">
                        <h5 style="width: 100px ;height: 12px;margin-top: 20px; color: #a4abb4;font-size: 12px;text-align: center;">掌上道聚城</h5>
                    </div>
                     <div style="width: 100px; height: 135px;float: right;">
                    <img src="images/iiii2.png" alt="" style="width: 100px;">
                    <h5 style="width: 100px ;height: 12px;margin-top: 20px;color: #a4abb4;font-size: 12px;text-align: center;">道聚城公众号</h5>
                    </div>
                </div>
                
             </div>
        
        </div>

         <div style="margin: 0 auto;width:1250px ;height: 145px;border-top: 1px solid #444853;">
                    <span style="display: block;width: 1000px;margin: 0 auto;text-align: center;color: #81858f;font-size: 12px;margin-top: 40px;">腾讯互动娱乐 | 服务条款| 腾讯游戏隐私保护指引| 腾讯游戏儿童隐私保护指引| 广告服务 | 腾讯游戏招聘 | 腾讯游戏客服 | 游戏地图 | 成长守护平台 | 商务合作 | 网站导航</span>
                    <span style="display: block;width: 1000px;margin: 0 auto;text-align: center;color: #81858f;font-size: 12px;">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</span>
                    <span style="display: block;width: 1000px;margin: 0 auto;text-align: center;color: #81858f;font-size: 12px;">腾讯公司 版权所有</span>
         </div>
    </div>



</body>
<script src="syjs/sy.js"></script>
<script src="./jquery.js"></script>
<script src="./lbt.js"></script>
<script>
    //  首页的登录守卫
     if(localStorage.getItem("token") === "ok"){
        $("#headdr1").css("display","none");
        
        $("#headdr2").css("display","block")
        .children("span").html("欢迎"+localStorage.getItem("un"));
        // console.log("66");
    }
    
    // 退出功能
    $(".tcgn").click(function(){
        localStorage.setItem("token","");
        $("#headdr1").css("display","block");
        
        $("#headdr2").css("display","none");
    })



      const imgs = [{
        title:"1",
        alt:"1",
        src:"./imgs/banner1.jpg",
        link:"##",
        hh:"CF周边军火库"
    },{
        title:"2",
        alt:"2",
        src:"./imgs/banner2.jpg",
        link:"##",
        hh:"英雄联盟佛耶戈雕塑"
    },{
        title:"3",
        alt:"3",
        src:"./imgs/banner3.jpg",
        link:"##",
        hh:"穿越火线毁灭战神张飞"
    },{
        title:"4",
        alt:"4",
        src:"./imgs/banner4.png",
        link:"##",
        hh:"NBA2KOL巨星陈列室"
    },{
        title:"5",
        alt:"5",
        src:"./imgs/banner5.jpg",
        link:"##",
        hh:"典藏礼包—限时购买 测试用"
    }];

    $(".bannerbzlb").banner(imgs,{
        btns:false,     // 是否需要左右按钮，默认true
        list:true,     // 是否需要分页器，默认true
        autoPlay:true,     // 是否需要自动播放，默认true
        index:0,        // 初始显示第几张，0开始，默认0
        delayTime:3000, // 自动播放时，延迟事件，默认2000
        moveTime:300,   // 运动时，每张图片移动时间，默认200
        direct:"left",    // 自动轮播时移动方向，默认向左，字符：left || right
        listStyle:"active"
    })
$(".lc").children("span").click(
    function(){
        $("html").animate({
            scrollTop:$(".floor").eq($(this).index()).offset().top
        })
    }


)
</script>
</html>